@auto-complete-prefix-cls: ~"@{css-prefix}auto-complete";
@auto-complete-lazy-load-tip-prefix-cls: ~"@{auto-complete-prefix-cls}-lazy-load-tip";
@auto-complete-select-spin-prefix-cls: ~"@{auto-complete-prefix-cls}-spin";
@auto-complete-highlight-prefix-cls: ~"@{auto-complete-prefix-cls}-highlight-box";
@icon-prefix-cls: ~"@{css-prefix}icon";
.@{auto-complete-prefix-cls} {
    // .@{select-prefix-cls} {
    //     &-not-found{
    //         display: none;
    //     }
    // }
    // .@{icon-prefix-cls}-close{
    //     display: none;
    //     font-size: @font-size-base;
    // }
    // &:hover .@{icon-prefix-cls}-close{
    //     display: inline-block;
    // }
    // &.@{select-dropdown-prefix-cls} {
    //     max-height: none;
    // }
    // &:focus, & div{
    //     outline: none;
    // }

    .@{icon-prefix-cls}-close-circle-filled {
        color: @color-brand-disabled1;
        opacity :100%;
        cursor: pointer;
    }

    .@{css-prefix}select-selection {
        border: none;
    }

    .@{css-prefix}select-item-selected {
        background-color: @color-bg-hover;
    }

    .@{css-prefix}select-item-focus:not(.@{css-prefix}select-item-selected) {
        background-color: @color-functional-white;
    }
    
    .@{auto-complete-highlight-prefix-cls} {
        display: flex;
        white-space: pre;
      .@{auto-complete-highlight-prefix-cls}-highlight {
        color: @color-brand-primary;
      }
    }

    .@{auto-complete-lazy-load-tip-prefix-cls} {
        text-align: center;
        &-error {
            cursor: pointer;
            color: @color-functional-fail;
        }

        &-finished {
            color: #BBB;
        }
    }
}

.@{auto-complete-select-spin-prefix-cls}-wrapper {
    position: absolute;
    .@{spin-prefix-cls} {
        position: relative !important;
        margin-top: 5px;
        height: 100% !important;
        width: 100% !important;
        z-index: @zindex-auto-complete-spin;
        .@{spin-prefix-cls}-main {
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: rgba(255,255,255,0.85);
            .@{spin-prefix-cls}-text {
                margin-left: 4px;
            }
        }
    }
}
